<template>
    <div>
        <van-tabbar v-model="active" fixed :placeholder="true" active-color="#ffa302" inactive-color="#000" route>
            <van-tabbar-item icon="home-o" to="/">首页</van-tabbar-item>
            <van-tabbar-item icon="orders-o" to="/menu/0">菜谱</van-tabbar-item>
            <van-tabbar-item icon="star-o" to="/collect" >收藏</van-tabbar-item>
            <van-tabbar-item icon="friends-o" to="/personal">我的</van-tabbar-item>
        </van-tabbar>
    </div>
</template>
<script>
export default {
    props:[""],
    data(){
        return{
            active:0,
        }
    }
}
</script>
<style scoped>
</style>